import {Button, Text, View} from 'react-native';

export default function App() {
  /* 
  1 res 得到什么          xxx && aaa  
  2 短路运算 看 运算符 含义， 会不会往下继续去读代码
  3 短路运算的 结果  不是 绝对 true 或者 false   ,  结果  要不就是左边，要么就是右边 
  
   */
  //  const res = 10 || 123
  const isLogin = false;

  const Msg = () => {
    if (isLogin) {
      // return 100;
      return <Button title="登录过了" />;
    } else {
      return <Button title="还没有登录了" />;
    }
  };

  return (
    <View>
      {/* 1 短路运算 */}
      <View>{isLogin && <Button title="登录" />}</View>

      {/* 2 三元表达式 */}
      <View>{isLogin ? <Text>欢迎</Text> : <Text>请登录</Text>}</View>

      {/*  if  else */}

      <Text> {Msg()}</Text>
    </View>
  );
}
